<template>
  <div class="default-box">
    <div class="box-title">
      <div class="box-title-left">
        <div class="vertical-line vertical-line-black" />
        <span class="title-span">{{ title }}</span>
      </div>
      <div class="box-title-right">
        更多>>
      </div>
    </div>
    <div class="content">
      <div class="content-box" v-for="item in list" :key="item.id">
        <span>{{ item.title }}</span>
        <span class="time">{{ item.time }}</span>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
withDefaults(defineProps<{ title: string }>(), {
  title: ''
})
const list = ref<any>([
  {
    title: "招生简章",
    time: "2021-06",
  },

  {
    title: "招生简章",
    time: "2021-06",
  },
  {
    title: "招生简章",
    time: "2021-06",
  }
])
</script>

<style lang="less" scoped>
@import "./index.less";
</style>
